<template>
  <div class="bod">
    <div v-if="this.form.status === 0" style="color:red" class="error"> 此账号申请失败，请完善信息后重新申请</div>
    <img src="@/assets/login/logo.png" alt="" width="100%" height="700px">
    <div class="copyright">
      <div class="foot_copyright">
        版权所有© 石家庄理工职业学院互联网应用技术学院软件工作室
      </div>
    </div>
  </div>
</template>

<script>
import { getInfo, getPermission } from "@/api/user";
import { teacher } from "@/api/teacher/hello";
import { student } from "@/api/student/hello";

export default {
  name: "Dashboard",
  data() {
    return {
      name: "",
      Permission: [],
      form: {}
    };
  },

  //  方法
  methods: {
    info() {
      getInfo().then((res) => {
        console.log(res);

        this.form = res.data;
        console.log(this.form);
      });
    },
    // 教师接口
    getTeacher() {
      teacher().then((res) => {
        this.$message(res.message);
      });
    },
    // 学生接口
    getStudent() {
      student().then((res) => {
        this.$message(res.message);
      });
    },
  },
  created() {
    getInfo().then((res) => {
      console.log(res);
      this.form = res.data
      this.name = res.message;
    });
    getPermission().then((res) => {
      this.Permission = res.data;
    });
  },
};
</script>

<style lang="scss" scoped>
.bod {
  height: 700px;
  width: 100%;

  // border: 1px solid red;
  img {}

  .error {
    position: relative;
    left: 600px;
    top: 400px;
    height: 30px;
    z-index: 1;
    font-size: 30px;
  }
}

.copyright {
  width: 100%;
  float: left;
  margin-top:10.7%;
}

.foot_copyright {
  width: 50%;
  height: 10%;
  margin: 0px auto;
  text-align: center;

}
</style>
